<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<link href="<%= request.getContextPath() %>/css/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="<%= request.getContextPath() %>/css/profile.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery.validate.min.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">

$(document).ready(function() {
	$("#updateForm").validate({
		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			}
		},
		messages: {
			name: "Vui lòng nhập tên",
			email: {
				required: "Vui lòng nhập địa chỉ email",
				email: "Địa chỉ email không hợp lệ"
			}		
		},
	 	submitHandler: function(form) {
	 		form.submit();
	 	}
	});
	
	$("#getLoc").click(function() {
		var geocoder = new google.maps.Geocoder();
        var address = $("#address").val() + " " + $("#province option:selected").text();
        if (address == "") {
        	alert("Vui lòng điền địa chỉ");
        }
        geocoder.geocode({ 'address': address }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var latitude = results[0].geometry.location.lat();
                var longitude = results[0].geometry.location.lng();
                $("#latitude").val(latitude);
                $("#longitude").val(longitude);
            } else {
            	alert("Địa chỉ không chính xác");
            }
        });
	});
});
</script>
<div class="left menu">
<jsp:include page="include/profile-menu.jsp"></jsp:include>
</div>
<div class="left divider">
</div>
<div class="left admin-main">
<h2>Cập nhật thông tin</h2>

<div class="error"><s:actionmessage /></div>
<div class="left">
<s:form action="/home/profile-submit" method="post" id="updateForm" enctype="multipart/form-data">  

		<div><span class="requried">*</span>Tên bác sĩ</div>
		<div><s:textfield name="name" id="name" /></div>
		<div><span class="requried">*</span>Email</div>
		<div><s:textfield name="email" id="email" /></div>
		<div>Năm sinh</div>
		<div><s:textfield name="age" id="age" size="4" maxlength="4" cssClass="age"/></div>
		<div><span class="requried">*</span>Tên phòng khám</div>
		<div><s:textfield name="locationName" id="locationName" /></div>
		<div><span class="requried">*</span>Địa chỉ phòng khám</div>
		<div><s:textfield name="address" id="address" /></div>
		<div><span class="requried">*</span>Thành phố</div>
		<div><s:select list="provinces" name="province" id="province" listKey="provinceId" listValue="name"></s:select></div>
		<div><span class="requried">*</span>Chuyên khoa (chọn ít nhất 1 chuyên khoa)</div>
		<div>Chuyên khoa 1: <s:select list="specialties" name="specialty1" id="specialty1" listKey="specialtyId" listValue="name" headerKey="-1" headerValue="Chọn chuyên khoa"></s:select></div>
		<div>Chuyên khoa 2: <s:select list="specialties" name="specialty2" id="specialty2" listKey="specialtyId" listValue="name" headerKey="-1" headerValue="Chọn chuyên khoa"></s:select></div>
		<div>Chuyên khoa 3: <s:select list="specialties" name="specialty3" id="specialty3" listKey="specialtyId" listValue="name" headerKey="-1" headerValue="Chọn chuyên khoa"></s:select></div>
		<div>Chuyên khoa 4: <s:select list="specialties" name="specialty4" id="specialty4" listKey="specialtyId" listValue="name" headerKey="-1" headerValue="Chọn chuyên khoa"></s:select></div>
		<div>Chuyên khoa 5: <s:select list="specialties" name="specialty5" id="specialty5" listKey="specialtyId" listValue="name" headerKey="-1" headerValue="Chọn chuyên khoa"></s:select></div>
		<div>Thông tin phòng khám</div>
		<div><s:textarea id="info" name="info" cols="30" rows="4"></s:textarea></div>
		<div>&nbsp;</div>
		<div>Xác định vị trí trên bản đồ (Google map)</div>
		<div>Latitude:<s:textfield name="latitude" id="latitude" cssStyle="width: 140px;"/> Longitude:<s:textfield name="longitude" id="longitude" cssStyle="width: 140px;"/></div>
		<div><input id="getLoc" type="button" value="Tự động xác định vị trí dựa trên địa chỉ" /></div>
		<div>&nbsp;</div>
		<div>Hình đại diện</div>
		<div>
		<s:if test="%{imageFileName != ''}">
			<img src='/home/getImage?pic=<s:property value="imageFileName"/>' width="100"/>
		</s:if>
		<s:file name="image" id="image" /></div>
		<div><input type="submit" value="Cập nhật"  /></div>
  
</s:form>

</div>
</div>